<?xml version='1.0' encoding='ISO-8859-1' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./template.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content">
        <p:panel header="Cadastras Dietas">
            <h:form id="frm">  
                <p:growl id="msgs" showDetail="true"/>  
                <p:panelGrid columns="4">
                    <p:column>Escolha um Tratador:</p:column>
                    <p:column>
                        <p:selectOneMenu id="cmb" value="#{crudDietaMB.selIdtTratador}" effect="fold" editable="false">
                            <f:selectItem itemLabel="--- SELECIONE UM TRATADOR ----" itemValue="0" /> 
                            <f:selectItems value="#{crudDietaMB.tbTratadors}" var="m" 
                                           itemLabel="#{m.nmeTratador}" itemValue="#{m.idtTratador}"/>  
                        </p:selectOneMenu> 
                    </p:column>
                    <p:column>
                        <p:commandButton value="Buscar" actionListener="#{crudDietaMB.buscar()}" update=":frm:msgs, :frm:dtb" icon="ui-icon-search"/>
                    </p:column>
                    <p:column>
                        <p:commandButton id="btnMarcar" update=":frm:btnMarcar, :frmAlimentacao:pngAlimentacao, :frm:msgs" 
                                         actionListener="#{crudDietaMB.novoMarcar}" 
                                         oncomplete="if (document.getElementById('frm:cmb_input').value!=0){ dlgAlimentacaoView.show()}" icon="ui-icon-star" value="Nova Dieta" ajax="true"/> 
                    </p:column>
                </p:panelGrid>

                <p:dataTable id="dtb" var="alimentacao" value="#{crudDietaMB.taAlimentacaos}" tableStyle="width:auto;" paginator="true" rows="6">  
                    <p:column headerText="Animal" style="width:200px">  
                        <h:outputText value="#{alimentacao.tbAnimal.nmeAnimal}" />  
                    </p:column>  
                    <p:column headerText="Descricao" style="width:100px">  
                        <h:outputText value="#{alimentacao.dscAlimentacao}">  
                        </h:outputText>
                    </p:column>  
                    <p:column headerText="Hora" style="width:100px">  
                        <h:outputText value="#{alimentacao.hrAlimentacao}" />  
                    </p:column>  
                    <p:column headerText="Quantidade" style="width:100px">  
                        <h:outputText value="#{alimentacao.qtdAlimentacao}" />  
                    </p:column> 
                    <p:column headerText="Operacao" style="width:100px">  
                        <p:panelGrid columns="2">  
                            <p:column>
                                <p:commandButton id="btnDesmarcar" icon="ui-icon-trash" value="Excluir" update=":frmExcluir:dlgConfExclusao" oncomplete="dlgConfExclusaoView.show()" >  
                                    <f:setPropertyActionListener value="#{alimentacao}" target="#{crudDietaMB.selTaAlimentacao}" />  
                                </p:commandButton>  
                            </p:column>
                        </p:panelGrid>
                    </p:column>  
                </p:dataTable>  
            </h:form>
            <h:form id="frmExcluir">
                <p:confirmDialog id="dlgConfExclusao" 
                                 message="Tem certeza que deseja Excluir a dieta (#{crudDietaMB.selTaAlimentacao.tbTratador.nmeTratador}/#{crudDietaMB.selTaAlimentacao.tbAnimal.nmeAnimal} as #{crudDietaMB.selTaAlimentacao.hrAlimentacao} - #{crudDietaMB.selTaAlimentacao.dscAlimentacao})?"  
                                 header="Exclusao de registro" severity="alert" widgetVar="dlgConfExclusaoView">  
                    <p:commandButton id="btnConfirm" value="Sim" update=":frm:dtb, :frm:msgs" oncomplete="dlgConfExclusaoView.hide()" actionListener="#{crudDietaMB.desmarcar()}" />  
                    <p:commandButton id="btnDecline" value="Nao" onclick="dlgConfExclusaoView.hide()" type="button" />   
                </p:confirmDialog> 
            </h:form>
            <p:dialog header="Marcar Alimentacao" widgetVar="dlgAlimentacaoView" resizable="false" id="dlgAlimentacao"  
                      showEffect="fade" hideEffect="explode" modal="true">  
                <h:form id="frmAlimentacao">
                    <p:panelGrid id="pngAlimentacao" columns="2" style="margin:0 auto;">  
                        <p:column>
                            <h:outputText value="Tratador:" />  
                        </p:column>
                        <p:column>
                            <h:outputText value="#{crudDietaMB.selTbTratador.nmeTratador}"/>  
                        </p:column>
                        <p:column>
                            <h:outputText value="Animal:" />  
                        </p:column>
                        <p:column>
                            <p:selectOneMenu id="cmb" value="#{crudDietaMB.selIdtAnimal}" effect="fold" editable="false">
                                <f:selectItem itemLabel="--- Escolha um Animal ---" itemValue="0" /> 
                                <f:selectItems value="#{crudDietaMB.tbAnimals}" var="p" 
                                               itemLabel="#{p.nmeAnimal}" itemValue="#{p.idtAnimal}"/>  
                                <f:validateLongRange minimum="1"/>
                            </p:selectOneMenu>
                        </p:column>
                        <p:column>
                            <h:outputText value="Hora:" />  
                        </p:column>
                        <p:column>
                            <p:calendar value="#{crudDietaMB.selTaAlimentacao.hrAlimentacao}" pattern="HH:mm" timeOnly="true" 
                                        required="true" requiredMessage="Hora de In�cio da Alimentacao � um Campo Obrigat�rio"/>
                        </p:column>
                        <p:column>
                            <h:outputText value="Descricao" />  
                        </p:column>
                        <p:column>
                            <p:inputText id="dscAlimentacao" value="#{crudDietaMB.selTaAlimentacao.dscAlimentacao}" disabled="false" size="5"/>  
                        </p:column>
                        <p:column>
                            <h:outputText value="Quantidade" />  
                        </p:column>
                        <p:column>
                            <p:inputText id="qtdAlimentacao" value="#{crudDietaMB.selTaAlimentacao.qtdAlimentacao}" disabled="false" size="5"/>  
                        </p:column>
                         <p:column>
                            <h:outputText value="Unidade de Medida" />  
                        </p:column>
                        <p:column>
                            <p:inputText id="unMedAlimentacao" value="#{crudDietaMB.selTaAlimentacao.unMedAlimentacao}" disabled="false" size="5"/>  
                        </p:column>
                        <p:column>
                            <p:commandButton id="btnSalvarMarcar" actionListener="#{crudDietaMB.salvarMarcar()}" 
                                             update=":frm:dtb, :frm:msgs" icon="ui-icon-disk" value="Criar Alimentacao" oncomplete="dlgAlimentacaoView.hide()" ajax="true"/>  
                        </p:column>
                        <p:column>
                            <p:commandButton id="btnFechar" value="Fechar" icon="ui-icon-close" onclick="dlgAlimentacaoView.hide()"/>  
                        </p:column>
                    </p:panelGrid>  
                </h:form>
            </p:dialog> 


           

        </p:panel>
    </ui:define>

</ui:composition>
